<template>
  <el-card shadow="have">
    <div>
      <el-form inline :form="form">
        <el-form-item>
          <el-select v-model="form.batch">
            <el-option label="2018-2019学年" value="1" />
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-select v-model="form.barchYear">
            <el-option label="上学期" value="1" />
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-select v-model="form.isEdition">
            <el-option label="本版" value="1" />
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-select v-model="form.faculty">
            <el-option label="学院" value="1" />
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-input v-model="searchTeacherName" type="text" placeholder="请输入任课教师" />
        </el-form-item>
        <el-form-item>
          <el-input v-model="searchCourseName" type="text" placeholder="请输入课程名称" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary">搜索</el-button>
        </el-form-item>
      </el-form>

      <el-divider />

      <el-table border :data="tableData">
        <el-table-column prop="courseName" label="课程名" />
        <el-table-column prop="facultyName" label="开课学院" />
        <el-table-column prop="teacherName" label="上课教师" />
        <el-table-column prop="bookName" label="使用教材名" />
        <el-table-column prop="bookType" label="教材规模" />
      </el-table>
    </div>
  </el-card>
</template>

<script>
export default {
  name: 'DetailTable',
  data() {
    return {
      form: {
        batch: '',
        barchYear: '',
        isEdition: '',
        faculty: '',
        searchTeacherName: '',
        searchCourseName: ''
      },
      tableData: [
        { courseName: '制冷原理及设备', facultyName: '机电工程学院', teacherName: '罗武生', bookName: '空气调节用制冷技术/98745454', bookType: '236' },
        { courseName: '制冷原理及设备', facultyName: '机电工程学院', teacherName: '罗武生', bookName: '空气调节用制冷技术/98745454', bookType: '236' },
        { courseName: '制冷原理及设备', facultyName: '机电工程学院', teacherName: '罗武生', bookName: '空气调节用制冷技术/98745454', bookType: '236' },
        { courseName: '制冷原理及设备', facultyName: '机电工程学院', teacherName: '罗武生', bookName: '空气调节用制冷技术/98745454', bookType: '236' }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
